<template>
	<view class="active">
		<view class="top">
			<image src="../../../static/logo.png" mode=""></image>
			<view class="">
				数据情况
			</view>
		</view>
		<view class="bottom" >
			<view class="buttom-ceng" v-for="item in activeList">
				<view class="buttom-m">
					{{item.text}}
				</view>
				<span class="buttom-span">{{item.title}}</span>
				<view class="bottom-bottom">
					<span>{{item.title1}}</span>
					<image :src="item.image" mode=""></image>
					<span>{{item.title3}}</span>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				activeList:[
					{
						text:"今日访客",
						title:"126人",
						title1:"较昨日",
						image:"../../../static/logo.png",
						title3:"5%"
					},
					{
						text:"今日访客",
						title:"126人",
						title1:"较昨日",
						image:"../../../static/logo.png",
						title3:"5%"
					},
					{
						text:"今日访客",
						title:"126人",
						title1:"较昨日",
						image:"../../../static/logo.png",
						title3:"5%"
					},
					{
						text:"今日访客",
						title:"126人",
						title1:"较昨日",
						image:"../../../static/logo.png",
						title3:"5%"
					}
				]
			}
		}
	}
</script>

<style>
	.active{
		margin: 20rpx;
		padding: 20rpx;
		background-color: #fff;
		border-radius: 50rpx;
	}
	.top{
		display: flex;
		flex-direction: row;
		/* margin: 25rpx 0; */
	}
	.top image{
		align-items: center;
		vertical-align: middle;
		/* line-height: 30rpx; */
		margin-top: 12rpx;
		margin-right: 20rpx;
	width: 30rpx;
	height: 30rpx;
	}
	.bottom .buttom-m{
		font-size: 30rpx;
		margin: 25rpx 0;
	}
	.bottom{
		display: inline-block;
		margin-bottom: 50rpx;
		/* display: flex; */
		/* flex-direction: row; */
		/* width: 100%; */
		/* flex: ; */
	}
	.bottom image{
		width: 20rpx;
		height: 20rpx;
		/* color: #6db96f; */
	}
	.bottom span{
		font-size: 30rpx;
		/* color: #6db96f; */
	}
	.bottom-bottom{
		margin: 25rpx 0;
		font-size: 25rpx;
	}
	.bottom-bottom span{
		color: #6db96f;
		margin: 0 10rpx;
	}
	.buttom-ceng{
		float: left;
		display: inline-block;
		width: 50%;
		
	}
	.buttom-ceng .buttom-span{
		width: 100%;
		font-size: 40rpx;
		margin: 25rpx 0;
	}
</style>
